  .dialog-title {
    position: relative;
    top: 30%;

    width: 7rem;
  }

  .round-table {
    width: 86%;

    border-spacing: 0 .1rem;
    border-collapse: separate;
    td {
      text-align: center;
    }
  }

  .round-table-row {
    line-height: 1.6rem;

    width: 95%;
    height: 1.6rem; //background-image: url(../../img/battle/round-rect-195.png);
    background: rgba(0, 0, 0, .28);
    td:first-child {
      border-top-left-radius: .4rem;
      border-bottom-left-radius: .4rem;
    }

    td:last-child {
      border-top-right-radius: .4rem;
      border-bottom-right-radius: .4rem;
    }
    td {
      overflow: hidden;

      margin: .4rem 0;

      vertical-align: middle;
      white-space: nowrap;
      ;
      text-overflow: ellipsis;
      max-width: 5rem;
    }

    .pattern-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      img {
        height: 2.4rem;
      }
    }
  }

  .round-icon-wrapper {
    position: relative;
    top: .2rem;
  }

  .round-mall-content {
    width: 98%;
    height: 72%;
    margin: 4rem auto 0;

    background-image: url(../../img/mall/dialog/mall-dialog.png);
    background-repeat: round;
    background-size: contain;
    .close {
      top: 30px!important;
      right: 24px!important;
    }
    .title-wrapper {
      height: 17%!important;
    }
    .dialog-title {
      width: 9rem;
    }
  }

  .round-icon-frame {
    position: absolute;
  }

  div.round-modal-content {
    overflow-y: auto;

    height: 90%;
    display: flex;
    justify-content: center;
  }

  .round-thead-row td img {
    width: 3.4rem;
  }

  .trow-icon {
    position: relative;
    .round-icon {
      border-radius: .2rem;
    }
    img {
      width: 1.6rem;
    }
  }